<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
    <head>
        <%@include file="../common/head.jspf" %>
    </head>

    <body class="blank-page" data-menu="#menu_loan" data-list="#li_loan_list">

        <!-- 主体内容开始 -->
        <div id="main">

            <!--侧边导航栏-->
            <%@include file="../common/sidebar.jspf" %>

            <!-- Start: Content-Wrapper -->
            <section id="content_wrapper">

                <!-- 顶部导航 -->
                <header id="topbar">
                    <div class="topbar-left">
                        <ol class="breadcrumb">
                            <li class="crumb-active">
                                <span>软擎科技</span>
                            </li>
                            <li class="crumb-icon">
                                <a href="dashboard"><span class="glyphicon glyphicon-home"></span></a>
                            </li>
                            <!-- 当前页 -->
                            <li class="crumb-trail">标的列表</li>
                        </ol>
                    </div>
                    <div class="topbar-right">
                        <!-- 登录信息 -->
                        <%@include file="../common/session.jspf" %>
                    </div>
                </header>
                <!-- 顶部导航结束 -->

                <!-- 页面内容开始 -->
                <section id="content">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="panel panel-visible" id="spy3">
                                <div class="panel-heading prn">
                                    <div class="panel-title pull-left hidden-xs">
                                        <span class="glyphicons glyphicons-cup"></span>标的列表</div>
                                    <a class="btn btn-info light pull-right" href="loan/add" role="button">
                                        <span class="glyphicon glyphicon-plus mr5"></span>添加标的</a>
                                    <a class="btn btn-info light pull-right" href="bill/add" role="button">
                                        <span class="glyphicon glyphicon-plus mr5"></span>添加票据</a>
                                </div>
                                <div class="panel-body pn">
                                    <div class="markItUpHeader p14">
                                        <div class="row mn">
                                            <ul class="nav nav-pills small-pills">
                                                <li class="loan_list_proposed"><a href="loan/list/proposed">待审核<span class="popo popo-proposed"></span></a></li>
                                                <li class="loan_list_rejected"><a href="loan/list/rejected">未通过<span class="popo popo-rejected"></span></a></li>
                                                <li class="loan_list_approved"><a href="loan/list/approved">已批准<span class="popo popo-approved"></span></a></li>
                                                <li class="loan_list_scheduled"><a href="loan/list/scheduled">已排期<span class="popo popo-scheduled"></span></a></li>
                                                <li class="seporator ml5 fs18" style="color: #cdcdcd;">|</li>
                                                <li class="loan_list_open"><a href="loan/list/open">筹款中<span class="popo popo-open"></span></a></li>
                                                <li class="loan_list_finished"><a href="loan/list/finished">已满标<span class="popo popo-finished"></span></a></li>
                                                <li class="loan_list_failed"><a href="loan/list/failed">已流标<span class="popo popo-failed"></span></a></li>
                                                <li class="seporator ml5 fs18" style="color: #cdcdcd;">|</li>
                                                <li class="loan_list_loaned"><a href="loan/list/loaned">还款中<span class="popo popo-loaned"></span></a></li>
                                                <li class="loan_list_cleared"><a href="loan/list/cleared">已还清<span class="popo popo-cleared"></span></a></li>
                                                <li class="loan_list_overdue"><a href="loan/list/overdue">已逾期<span class="popo popo-overdue"></span></a></li>
                                                <li class="seporator ml5 fs18" style="color: #cdcdcd;">|</li>
                                                <li class="loan_list_canceled"><a href="loan/list/canceled">已取消<span class="popo popo-canceled"></span></a></li>
                                                <li class="loan_list_archived"><a href="loan/list/archived">已存档<span class="popo popo-archived"></span></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <table class="table table-striped table-hover table-text-center" id="loanList" cellspacing="0" width="100%">
                                        <thead>
                                            <tr>
                                                <th>名称</th>
                                                <th>借款人</th>
                                                <th>金额</th>
                                                <th>年利率</th>
                                                <th>周期</th>
                                                <th>还款方式</th>
                                                <th>状态</th>

                                                <th>开标时间</th>
                                                <th>筹款时长</th>
                                                <th>进度</th>
                                                <th>满标时间</th>
                                                <th>结标时间</th>
                                                <th>还清时间</th>
                                                <th>起息日</th>
                                                <th>投标人数</th>
                                                <th>募集金额</th>
                                                <th>申请时间</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody></tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- 页面内容结束 -->

            </section>
        </div>
        <!-- 主体内容结束 -->

        <!--操作菜单模板-->
        <div id="operationHTML" class="hidden">
            <div class="btn-group">
                <button type="button" class="btn btn-primary btn-xs dropdown-toggle" data-toggle="dropdown" aria-expanded="true"><i class="glyphicon glyphicon-wrench mr5"></i>操作
                    <span class="caret ml5"></span>
                </button>
                <ul class="dropdown-menu pull-right" role="menu">
                    <li class="detailLink">
                        <a href="loan/detail/#id"><span class="glyphicons glyphicons-sheriffs_star fs12 mr5"></span>查看详情</a>
                    </li>
                    <li class="editLink hidden">
                        <a href="loan/edit/#id"><span class="glyphicons glyphicons-edit mr5"></span>标的编辑</a>
                    </li>
                    <li class="divider extra hidden"></li>
                    <li class="settleLink extra hidden">
                        <a href="javascript:;" data-id="#id" class="loanLink"><span class="glyphicons glyphicons-lock text-danger fs12 mr5"></span>标的放款</a>
                    </li>
                    <li class="cancelScheduleLink extra hidden">
                        <a href="javascript:;" onclick="cancelSchedule(this);" data-id="#id"><span class="glyphicons glyphicons-history text-danger fs12 mr5"></span>取消排期</a>
                    </li>
                    <li class="repayment extra hidden">
                        <a href="repayment/undue"><span class="glyphicon glyphicon-dashboard mr5"></span>还款管理</a>
                    </li>
                    <li class="cancelLink" data-id="#id">
                        <a href="javascript:;" onclick="cancel(this)" data-id="#id"><span class="glyphicons glyphicons-remove text-danger fs12 mr5"></span>取消标的</a>
                    </li>
                    <li class="archiveLink extra hidden" data-id="#id">
                        <a href="javascript:;"><span class="glyphicons glyphicons-inbox_in text-danger fs12 mr5"></span>存档</a>
                    </li>
                </ul>
            </div>
        </div>
        
        <%@include file="modal/processing.jspf" %>

        <!-- 公共函数 -->
        <%@include file="../common/scripts.jspf" %>
        <script type="text/javascript">
            var status = '${model.toString()}';
        </script>
        <script src="${rootPath}/js/pages/loan/list.js" type="text/javascript"></script>
    </body>
</html>
